<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>app-attention</title>
  </head>
  <body>
    <div class="attention">
      <div class="mask" id="mask">
        <div class="attention-search">
          <span class="iconfont icon-search"></span>
          <input class="atn-search" type="text" placeholder="搜索" />
        </div>

        <ul class="atn-list">
          <li>
            <div class="list-icon1">
              <p></p>
              <span>大家的老婆雏田</span>
            </div>
            <a href="#">已关注</a>
          </li>
          <li>
            <div class="list-icon1 list-icon2">
              <p></p>
              <span>火影忍者超大影迷</span>
            </div>
            <a href="#">已关注</a>
          </li>
          <li>
            <div class="list-icon1 list-icon3">
              <p>
                <span class="iconfont icon-vip-fill"></span>
              </p>
              <span>小樱❥(^_-)</span>
            </div>
            <a href="#">已关注</a>
          </li>
        </ul>
      </div>
    </div>
  </body>
</html>
